{% load static %}
<!doctype html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>管理登录</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/font.css' %}">
    <link rel="stylesheet" href="{% static 'css/login.css' %}">
    <link rel="stylesheet" href="{% static 'css/index.css' %}">
    {#    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>#}
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'lib/layui/layui.js' %}" charset="utf-8"></script>

</head>
<body class="login-bg">
<div class="login layui-anim layui-anim-up">
    <div class="message">管理登录</div>
    <div id="darkbannerwrap"></div>

    <form method="post" class="layui-form" novalidate>
        <input id="username" name="username" placeholder="用户名" type="text" class="layui-input">

        <hr class="hr15">
        <input id="password" name="password" placeholder="密码" type="password" class="layui-input">
        <div style="height: 20px">
            <span style="color: red; font-size: 15px" id="error_msg"></span>
        </div>
        <div style="height: 100%; margin-top: 20px;">
            <button type="button" class="logining btn btn-primary" style="width:100%; height: 100%">登录</button>

        </div>
    </form>
</div>
</body>

<script>
    $(function () {
        login();
    })

    function login() {
        $('.logining').click(function () {
            $.ajax({
                url: '/login/',
                method: 'POST',
                dataType: 'JSON',
                data: {
                    username: $('#username').val(),
                    password: $('#password').val()
                },
                success: function (data) {
                    if (data.code === -1) {
                        $('#error_msg').text('用户名或密码错误')
                    } else {
                        location.href = data.data;
                    }
                }
            })
        })
    }
</script>
</html>